/**
 * 屏幕自适应工具函数
 * @param designWidth 设计稿宽度
 */
export function flexible(designWidth = 1920) {
  const doc = document.documentElement
  
  // 设置根元素字体大小
  function setRem() {
    const scale = doc.clientWidth / designWidth
    doc.style.fontSize = `${100 * scale}px`
  }
  
  // 初始化
  setRem()
  
  // 监听窗口变化
  window.addEventListener('resize', setRem)
  
  // 监听页面显示隐藏
  document.addEventListener('visibilitychange', setRem)
} 